[Unity] 如何把 WebGL 遊戲上傳到 itch.io

前言

itch.io 可說是除了 steam 以外最大的獨立開發者集散地，平台上可以找到各開發者製作出來的心血，開發者們也能在裡面蒐齊需要用到的素材。申辦帳號與上架作品的過程也是相當容易。其中，itchio 最為人人所知就是它豐富的 Game Jam 社群。打開 itch.io 進入 Jam 頁面，可以看到隨時都在舉行各式各樣的 Game Jam 可供參加。任何人都可以隨時發起 Game Jam，也能夠任意的加入正在舉行的活動，概念就好像接 case 一樣，看到符合自己興趣或是現有作品主題的活動就直接加入，完成活動需求以後交稿 submit。利用每次的 Game Jam 鍛鍊自己技術，也可能結交更多志同道合的朋友。

我有參加過幾次 Game Jam，所有的競賽都要求要把成品上傳到 itch.io 平台。但是在比賽結束以後想要遊玩別人的作品，卻發現，明明同樣是使用 Unity 製作，有些團隊只提供單機下載版本、或是上傳到平台上之後設定錯誤導致玩不起來。我自己覺得像是 Game Jam 這樣的作品通常規模不大，如果沒有用到平台綁定或是瀏覽器無法支援的功能的話，提供網頁版直接玩是比較好的選擇，對於玩家也比較友善。

這邊我來撰寫一下自己上傳 WebGL 作品的心得與步驟。

Unity WebGL 專案設定

首先，先把 Build Target 設定為 WebGL，沒有安裝 WebGL 模組的記得去裝，相信大家都會 😂

真正的第一步開始，要確定的是專案的解析度。我習慣把解析度設定為 960x600，可能稍微小了一點但可以確保大部分裝置都塞的下。WebGL Template 的部分我們直接使用預設格式，右下角有附個全螢幕開關剛好可以符合需求。

Publishing Setting 這裡可以選擇壓縮方式，itch.io 支援 Gzip，我們就把它選起來。
底下的 Decompression Fallback 也可以勾起來，

差不多這樣就好了，開始 Build 吧。
我習慣 build 在 專案資料夾/Builds/WEBGL 底下。

建置完成之後把整個輸出資料夾打包成 zip

itch.io 專案設定

登入 itch.io，選擇現有專案或是點右上角頭像 > Upload New Project 開新專案。

Kind of project 選擇 HTML。

Upload 的地方上傳剛剛打包好的 zip 檔，上傳好之後把 This file will be played in the browser 選項選取起來。

Embed Option 是比較神奇的地方。首先上面兩個選項不要動 (即使第二個選項裡面有什麼 Unity HTML)，接下來 Viewport dimensions 我會設定 960x650，也就是預設遊戲 寬度x高度+50。
因為如果設定剛剛好，遊戲的上半部、以及模板下面的資訊會被切掉，因此才有了那 50 出來。

↓ 沒加 50

↓ 有加 50

這樣就完成了。可以調整 visibility 給其他人分享。